// components/navbar/index.js
Component({
  properties: {
    // 导航栏标题
    title: {
      type: String,
      value: '标题'
    },
    
    // 是否显示返回按钮
    showBack: {
      type: Boolean,
      value: true
    },
    
    // 是否显示右侧操作按钮
    showAction: {
      type: Boolean,
      value: false
    },
    
    // 右侧操作按钮图标
    actionIcon: {
      type: String,
      value: 'more' // 默认更多图标
    }
  },
  
  data: {
    // 状态栏高度
    statusBarHeight: 20
  },
  
  lifetimes: {
    attached() {
      // 获取系统信息
      const systemInfo = wx.getSystemInfoSync()
      
      // 计算导航栏高度
      let statusBarHeight = systemInfo.statusBarHeight
      
      // 适配iOS设备
      if (systemInfo.platform === 'ios') {
        const iosVersion = parseInt(systemInfo.system.split(' ')[1])
        if (iosVersion >= 11) {
          statusBarHeight = systemInfo.statusBarHeight
        }
      }
      
      this.setData({ statusBarHeight })
    }
  },
  
  methods: {
    // 返回按钮点击事件
    handleBack() {
      this.triggerEvent('back')
    },
    
    // 操作按钮点击事件
    handleAction() {
      this.triggerEvent('action')
    }
  }
})
